The Kendo Mobile ScrollView widget is used to scroll content wider than the device screen.

<h3>Getting Started</h3>
<p>The Kendo Mobile Application automatically initializes the Mobile ScrollView for every element with <code>role</code> data attribute set to <code>scrollview</code> present in the views' markup.
Alternatively, it can be initialized using a jQuery selector. </p><div class="code-sample"><h4 class="code-title">Initialize mobile ScrollView using a role data attribute.</h4><pre class="code prettyprint"><code>&lt;div data-role="scrollview"&gt;
  Foo
&lt;/div&gt;</code></pre></div><div class="code-sample"><h4 class="code-title">Initialize mobile ScrollView using a jQuery selector.</h4><pre class="code prettyprint"><code>&lt;div id="scrollView"&gt;&lt;/div&gt;
&lt;script&gt;
var listView = $("#scrollView").kendoMobileScrollView();
&lt;/script&gt;</code></pre></div><h3>Pages</h3>
Content pages can be defined in order to display exactly one item per page. Pages are automatically resized
on device orientation change. To define a page, wrap the content in a div with <code>role</code> data attribute
set to <code>page</code>.<div class="code-sample"><h4 class="code-title">ScrollView with pages</h4><pre class="code prettyprint"><code>&lt;div id="scrollView"&gt;
   &lt;div data-role="page"&gt;Foo&lt;/div&gt;
   &lt;div data-role="page"&gt;Bar&lt;/div&gt;
&lt;/div&gt;</code></pre></div>
